<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="baidu-site-verification" content="code-skJZq711dP">
        <link rel="icon" href="static/pic.jpg">
        <title>百度官方高级顾问陈嘉颖-五星级服务评分，选择他没错！</title>
        <meta name="keywords" content="百度推广怎么开户、百度推广怎么做、百度推广多少钱、百度营销">
    <style class="redeviation-bs-style" data-name="content">/*! (c) Philipp König under GPL-3.0 */
    body>div#redeviation-bs-indicator>div{opacity:0;pointer-events:none}body>#redeviation-bs-sidebar.redeviation-bs-visible,body>#redeviation-bs-overlay.redeviation-bs-visible{opacity:1;pointer-events:auto}body.redeviation-bs-noscroll{overflow:hidden !important}body>div#redeviation-bs-indicator>div{position:absolute;transform:translate3d(-24px, 0, 0);top:0;left:0;width:24px !important;height:100%;background:rgba(0,0,0,0.5);border-radius:0 10px 10px 0;transition:opacity 0.3s, transform 0.3s;z-index:2}body>div#redeviation-bs-indicator>div>span{-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-bookmark.svg);background-color:#ffffff;position:absolute;display:block;top:0;left:0;width:100%;height:100%}body>div#redeviation-bs-indicator[data-pos='right']{left:auto;right:0}body>div#redeviation-bs-indicator[data-pos='right']>div{transform:translate3d(24px, 0, 0);left:auto;right:0;border-radius:10px 0 0 10px}body>div#redeviation-bs-indicator.redeviation-bs-fullHeight>div{border-radius:0}body>div#redeviation-bs-indicator.redeviation-bs-hover>div{transform:translate3d(0, 0, 0);opacity:1}body>div#redeviation-bs-indicator[data-pos='left'].redeviation-bs-has-lsb{height:100% !important;top:0 !important}body>div#redeviation-bs-indicator[data-pos='left'].redeviation-bs-has-lsb>div{background:transparent}body>div#redeviation-bs-indicator[data-pos='left'].redeviation-bs-has-lsb>div>span{-webkit-mask-position-y:20px}body>#redeviation-bs-sidebar{width:350px;max-width:none;height:0;z-index:2147483646;background-color:transparent !important;color-scheme:normal !important;speak:none;border:none;display:block !important;transform:translate3d(-350px, 0, 0);transition:width 0s 0.3s, height 0s 0.3s, opacity 0.3s, transform 0.3s}body>#redeviation-bs-sidebar[data-pos='right']{left:auto;right:0;transform:translate3d(350px, 0, 0)}body>#redeviation-bs-sidebar.redeviation-bs-visible{width:calc(100% + 350px);height:100%;transform:translate3d(0, 0, 0);transition:opacity 0.3s, transform 0.3s}body>#redeviation-bs-sidebar.redeviation-bs-hideMask{background:none !important}body>#redeviation-bs-sidebar.redeviation-bs-hideMask:not(.redeviation-bs-hover){width:calc(350px + 50px)}body>#redeviation-bs-overlay{width:100%;max-width:none;height:100%;z-index:2147483647;border:none;speak:none;background:rgba(255,255,255,0.5) !important;transition:opacity 0.3s}
    </style><style class="redeviation-bs-style" data-name="themes/glass/content">/*! (c) Philipp König under GPL-3.0 */
    </style></head>
<body>
    <div id="app">
        <!-- <img class="sakula" src="https://pic1.zhimg.com/80/v2-cfb723b3ba6f9a23df33b596259f172c_720w.gif" alt="">
        <img src="https://pic2.zhimg.com/80/v2-29945515817068deb40d46b372c1c721_1440w.png" alt=""> -->
        <img class="sakula" src="static/v2-cfb723b3ba6f9a23df33b596259f172c_720w.gif" alt="">
        <img src="static/bgi.png" alt="">
        <div class="downLoadBtnBox">
            <div style="position: relative;">
                <div id="contentBox" class="onTop">
                    <div class="innerContet hide">
                        <img class="logo" src="static/pic.jpg" alt="">
                        <div class="title">
                            百度官方顾问陈嘉颖
                        </div>
                        <div class="star">
                            推荐度：<img style="height: 15px;width: unset;margin-right: 5px" src="static/star.png" alt="">  4.0
                        </div>
                        <div class="info">
                            通过推广让客户主动找到你，解决企业获客难题，提升品牌知名度，助力企业订单翻番. 
                        </div>
                    </div>
                    <div class="versionCont hide">
                        <div>
                            提供百度推广、网站建设、爱采购开通等服务
                        </div>
                        <div>
                            可开通全国各地百度推广，欢迎咨询
                        </div>
                    </div>
                </div>
            </div>
            <div onclick="downLoad()" id="downBtn" class="downLoadBtnOnTop">
                
                <a href="tel:15626486691">官方开通热线：15626486691</a>
            </div>
        </div>
    </div>
    
    <script type="text/javascript">
        window.addEventListener('scroll', handleScroll, true)
        function handleScroll () {
            var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
            var whiteBox1 = document.getElementById("contentBox")
            var downLoadBtn1 = document.getElementById("downBtn")
            var innerContet = document.getElementsByClassName("innerContet")[0]
            var versionCont = document.getElementsByClassName("versionCont")[0]
            // var whiteBox = document.getElementsByClassName("whiteBox")
            if (scrollTop <= 40) {
                whiteBox1.setAttribute('class','whiteBox')
                downLoadBtn1.setAttribute('class','downLoadBtn')
                innerContet.setAttribute('class','innerContet')
                versionCont.setAttribute('class','versionCont')
            }else {
                whiteBox1.setAttribute('class','onTop')
                downLoadBtn1.setAttribute('class','downLoadBtnOnTop')
                innerContet.classList.add('hide')
                versionCont.classList.add('hide')
            }
        }
    
        function downLoad() {
            let u = navigator.userAgent;
            // let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;   //判断是否是 android终端
            let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);     //判断是否是 iOS终端
            if (isIOS) {
                document.location.href = 'https://chenbollll.gitee.io/text_pages/'
            }else {
                document.location.href = 'https://chenbollll.gitee.io/text_pages/'
            }
        }
    </script>
    <style>
        body {
            padding: 0;
            margin: 0;
            background: #f1f1f1;
        }
        #app {
            width: 100%;
            max-width: 400px;
            margin: 0 auto;
            /*font-size: 0;*/
            position: relative;
            box-sizing: border-box;
            box-shadow: 2px 3px 10px #999;
        }
        .topNav {
            width: 100%;
            position: relative;
        }
    
        .banner {
            position: absolute;
        }
        .sakula {
            position: absolute;
            z-index: 999;
        }
        .bannerImg {
            position: relative;
        }
    
        .contentDiv {
            position: absolute;
            left: 13%;
            bottom: 10%;
            display: flex;
            width: 67%;
            transform: scale(0.8);
        }
        .orangeDiv {
            background-color: #ffa800;
            color: #b71e01;
            font-size: 14px;
            font-weight: bold;
            border-radius: 2px;
            padding: 1px 4px;
            margin-left: 10px;
        }
        .loadBtn {
            width: 25%;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }
        img {
            width: 100%;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            vertical-align: middle;
        }
        .downLoadBtnBox {
            position: fixed;
            bottom: 0;
            /*padding: 0 5%;*/
            margin-bottom: 5vh;
            width: 100%;
            max-width: 400px;
            height: auto;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            text-align: center;
        }
        .downLoadBtn {
            width: 82%;
            font-size: 16px;
            padding: 8px 0;
            margin: 0 9%;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            background-color: #ffa800;
            color: #fff;
            font-weight: bold;
            border-radius: 25px;
            box-shadow: #ab7308 1px 2px 4px 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.5s;
            position: absolute;
            /*top: -105px;*/
            bottom: 4rem;
        }
        .arrowDown {
            width: 25px;
            margin-right: 8px;
        }
        .name {
            position: absolute;
            bottom: 0;
            width: 100%;
            font-size: 14px;
            margin: 10px 0;
            text-align: center;
        }
    
        .hide {
            display: none;
            transition: all 0.4s;
        }
    
        .onTop {
            height: 0 !important;
            padding: unset !important;
            border: unset !important;
            transition: all 0.4s;
            /*display: none;*/
        }
        .downLoadBtnOnTop {
            bottom: 15px;
            padding: 8px 0;
            margin: 0 2%;
            width: 95%;
            font-size: 18px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            background-color: #ffa800;
            color: #fff;
            font-weight: bold;
            border-radius: 25px;
            box-shadow: #ab7308 1px 2px 4px 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.5s;
            position: absolute;
        }
        .whiteBox {
            background-color: #ffffff;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            box-sizing: border-box;
            transition: all 0.4s;
            border-radius: 25px;
            border: 1px solid #c7c7c7;
            padding: 10px 5%;
            margin: 0 5%;
            line-height: 25px;
            height: 265px;
        }
        .innerContet {
            position: relative;
            top: -45px;
        }
        .versionCont {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            font-size: 14px;
            box-sizing: border-box;
            line-height: 20px;
            color: #939393;
            margin-bottom: 10px;
        }
        .logo {
            width: 23%;
        }
        .title {
            font-size: 24px;
            font-weight: bold;
        }
        .star {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 10px 0;
        }
        .info {
            color: #777777;
            font-size: 14px;
        }
    
        a {
            color: #fff;
            text-decoration: unset;
            display: block;
        }
    </style>
    
    <app-frame-80471 id="redeviation-bs-sidebar" class="notranslate redeviation-bs-hideMask" aria-hidden="true" data-theme="glass" data-pos="right"></app-frame-80471><div id="redeviation-bs-indicator" data-theme="glass" class="redeviation-bs-fullHeight" style="height: 100%; top: 0%;"></div></body>
</html>